/*
 * @Author: hechengfei h349187021@163.com
 * @Date: 2022-08-12 09:26:17
 * @LastEditors: hechengfei h349187021@163.com
 * @LastEditTime: 2022-08-23 14:09:59
 * @FilePath: \xiangmu\src\components\contractmanagement\DetalSaerch.jsx
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
import React from 'react'
import '../../assets/css/contract/Detalsaerch.css'
import { inject, observer } from 'mobx-react'
function DetalSaerch(props) {

    return (
        <div className={props.contractStore.isdisplayDetalSearch ? 'displayDetalSearch' : 'hiddenDetailSearch'} id="DetalSaerchcontent">
            <div className='buju'>
                < div ><span>编号</span><input type="text" /></ div>
                <div><span>客户名称</span><input type="text" /></div>
                <div><span>合同编号</span><input type="text" /></div>
            </div >
            <div className='buju'>
                <div>  <span>起始日期</span><input type="date" />~
                    <input type="date" /></div>
                <div> <span>到期日期</span><input type="date" />~
                    <input type="date" /></div>
                <div><span>合同分类</span><select name="" id="">
                    <option value="1"></option>
                </select></div>
            </div>
            <div className='buju'>
                <div>
                    <span>合同状态</span><select name="" id="">
                        <option value="1"></option>
                    </select>
                </div>
                <div>
                    <span>是否欠款</span>
                    <input type="radio" name='arrearsState' />未知
                    <input type="radio" name='arrearsState' />有
                    <input type="radio" name='arrearsState' />无
                </div>
                <div>
                    <span>续费状态</span><select name="" id="">
                        <option value="1"></option>
                    </select>
                </div>
            </div>
            <div className='buju'>
                <div> <span>业务员</span><select name="" id="">
                    <option value="1"></option>
                </select></div>
                <div><span>录入时间</span>  <input type="date" />~<input type="date" /></div>
                <div><span>备注</span><input type="text" /></div>
            </div>
            <div className='buju'>
                <div><span>自定义字段搜索</span><input type="text" /></div>
            </div>
        </div >
    )
}
export default inject('contractStore')(observer(DetalSaerch))